<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>BookRental</title>
<script language="javascript" type="text/javascript" src="../JS/searchbook.js">
</script>
<style>
BODY {background-color:#F6F6F6;}

#searchpannel {width:595px; height:600px; background-color:white;
         margin: 0 auto; text-align:center;}

#searchsubpannel1 {width:500px; height:60px; background-color:white;
             border:#999999 solid 1px; margin:20px auto;}

#searchsubpannel2 {width:500px; height:60px; background-color:white;
             border:#999999 solid 1px; margin:20px auto;}
#ssearch1, #ssearch2, #ssearch3 {float:left;}
#ssearch1 {width:70px;height:30px; margin:20px 5px 20px 20px;}
#searchtitle {margin:20px; font-size:14pt;}
#ssearch2 {width:300px;height:30px; margin:20px 5px 20px 5px;}
	#txt {width:280px;}
#ssearch3 {width:30px;height:30px; margin:20px 5px 20px 5px;}

#searchsubpannel3 {width:500px; height:300px; background-color:white;
             border:#999999 solid 1px; margin:20px auto;}
</style>
</head>
<body>
	<div id="searchpannel">
		<div id="searchsubpannel1">
			<div id="searchtitle">
			상세검색
			</div>
		</div>
		<div id="searchsubpannel2">
			<div id="ssearch1">
				<select>
					<option>제목</option>
					<option>저자</option>
					<option>출판사</option>
				</select>
			</div>
			<div id="ssearch2">
				<input type="text" id="txt">
			</div>
			<div id="ssearch3">
				<input type="button" value="검색">
			</div>
		</div>
		<div id="searchsubpannel3">
			<div id="searchbooklist">
			</div>
		</div>
	</div>
</body>
</html>